<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


    <script>

        // 变量等于  引用数据类型    这个变量就指向这个地址
        //    变量后面有进行赋值操作 =   那么这个变量就指向了其他的地址   ----地址不再共享
        //    浅复制：  这个变量后续都没有重新赋值   改变了这个变量的地址中的值   --- 地址依然共享


        const obj = {
            name : 'cc' ,
            data : [1,2,3],    // 608 
            book : {
                name : 'hello' ,
                price : 99
            }
        }

        // let res = obj.data ;    // 608

        // // res.push(4) ;


        // res = 3;   

        // console.log(obj.data);


        let res = obj.book ;    // res和book此时地址共享

        // res = 5 ;    //res又重新赋值   那么跟book 已经没有关系

        res.price = 9.9 ;   //  res只是改变了地址中的值   book同样会改变

        console.log(obj.book);

    </script>
    
</body>
</html>